<template>
  <el-dialog :title="dialogText[dialogStatusParkMag]" :visible.sync="dialogCreateVisibleDialog" center>
    <el-form ref="detailFormMag"  :inline="true" :model="tempParkMagDialog"
             :label-position="'left'"
             label-width="90px" style="text-align: left">
      <el-form-item label="投诉对象" prop="complaints_obj">
        <el-input   readonly />
      </el-form-item>
      <el-form-item label="投诉类型" prop="complaints_type" style="margin-left: 50px">
        <el-input value=""  readonly ></el-input>
      </el-form-item>
      <el-form-item label="投诉人" prop="complaints_people">
         <el-input value=""  readonly ></el-input>
      </el-form-item>
      <el-form-item label="联系方式" prop="complaints_phone"  style="margin-left: 50px">
        <el-input  readonly value=""/>
      </el-form-item>
      <el-form-item label="投诉渠道" prop="complaints_channel">
        <el-input value=""  readonly></el-input>
      </el-form-item>
      <el-form-item label="投诉时间" prop="complaints_time"  style="margin-left: 50px">
        <el-input value=""  readonly></el-input>
      </el-form-item>
    </el-form>
    <el-form>
      <el-form-item label="详细描述" prop="complaints_text">
        <el-input  readonly  type="textarea" value=""/>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogCreateVisibleDialog = false" class="btn-search">关闭</el-button>
    </div>
    <!-- <person-child-dialog-road :dialogRoadVisible.sync="dialogRoadVisiblParkMag"
                              @roadName="selectRoadNameParkMag"></person-child-dialog-road> -->
  </el-dialog>
</template>

<script>
  /* eslint-disable */
  import PersonChildDialogDw from "../../organizationManagement/personChild/personChildDialogDw";
  import PersonChildDialogRoad from "../../organizationManagement/personChild/personChildDialogRoad";
  import {selDictonary} from "../../../api/dictionary";
  import {getChargeStandard} from "../../../api/parkingResource/parkingMag";

  export default {
    created() {
      this.initData()
    },
    components: {
      PersonChildDialogRoad,
      PersonChildDialogDw
    },
    name: "suggestion-detail-dialog",
    props: ['dialogStatusParkMag', 'dialogVisible', 'tempParkMag'],
    watch: {
      dialogCreateVisibleDialog() {
        this.$emit('update:dialogVisible', this.dialogCreateVisibleDialog)
      },
      dialogVisible(val) {
        this.dialogCreateVisibleDialog = val
      },
      tempParkMag(val) {
        this.tempParkMagDialog = val
      }
    },

    data() {
      return {
        dialogText:'详情',
        dialogCreateVisibleDialog: false,
        // dialogDwVisibleParkMg: false,
        // dialogRoadVisiblParkMag: false,
        tempParkMagDialog: {
          complaints_obj: '1111',
          complaints_type: '222',
          complaints_people:'44',
          complaints_phone:'33',
          complaints_channel:'55',
          complaints_time:'66',
          complaints_text:'77',
        },
        // sfbzs: [],
        // statuss: [],
        // dllxs: [],
        // dlncs: [],
        // sffss: [],
        // jcfss: [],
        // equipmentTypes: [
        //   {id: '0', value: '诱导屏'},
        //   {id: '1', value: '其他'},
        // ],
        // equipmentModels: [
        //   {id: '0', value: '未知'},
        //   {id: '1', value: 'P16双色显示屏'},
        //   {id: '2', value: 'P32双色显示屏'},
        // ],
        // statusTypes: [
        //   {id: '0', value: '空闲'},
        //   {id: '1', value: '正常'},
        //   {id: '2', value: '故障'},
        // ],
        // dwTypeParkMag: 0,
      
      }
    },
    methods: {
      createDataParkMag() {
        this.$refs['detailFormMag'].validate((valid) => {
          if (valid) {
            this.$emit('createDataParkMag', this.tempParkMagDialog)
          }
        })
      },
      updateDataEquipmentMag() {
        this.$refs['detailFormMag'].validate((valid) => {
          if (valid) {
            this.$emit('updateDataEquipmentMag', this.tempParkMagDialog)
          }
        })
      },
      handleSelectDw() {
        this.dialogDwVisibleParkMg = true
      },
      selectDwnameParkMag(val) {
        this.tempParkMagDialog.park_ssdwname = val.orgname
        this.tempParkMagDialog.park_ssdw = val.orgno
        this.dialogDwVisibleParkMg = false
      },
      // handleSelectRoad() {
      //   this.dialogRoadVisiblParkMag = true
      // },
      // selectRoadNameParkMag(val) {
      //   this.tempParkMagDialog.park_road = val.unitname
      //   this.tempParkMagDialog.park_roadno = val.unitno
      //   this.dialogRoadVisiblParkMag = false
      // },
      initData() {
        selDictonary().then(res => {
          for (var item in res) {
            if (res[item].id == "ori") {//
              this.dlncs = res[item].comboboxDetailList
            } else if (res[item].id == "enableflag") {
              this.statuss = res[item].comboboxDetailList
            } else if (res[item].id == "roadtype") {
              this.dllxs = res[item].comboboxDetailList
            } else if (res[item].id == "sffs") {
              this.sffss = res[item].comboboxDetailList
            } else if (res[item].id == "jcfs") {
              this.jcfss = res[item].comboboxDetailList
            }
          }
        })
        getChargeStandard().then(res => {
          this.sfbzs = res
        })
      }
    }
  }
</script>

<style scoped>

</style>
